//这是main.js是项目js入口文件

//1.导入jquery
//ES6 导入模块的方式
import $ from 'jquery'
// const $ = requre('jquery')

// 使用import 语法，导入css样式表
import './css/index.css'
// 注意：webpack默认只能打包处理js类型的文件，无法处理其他非js 类型文件
// 如果要处理非js类型文件，需要安装第三方 loader 加载器
// 1.打包处理 css文件 ，需要安装 npm i style-loader css-loader -D 
// 2.在webpack-config.js配置module 的第三方文件的 匹配和处理规则
import './css/index.scss'

/* $(function(){
    $('li:odd').css('backgroundColor','yellow')
    $('li:even').css('backgroundColor',function(){
        return '#' + 'D97634'
    })
    $('body').css('backgroundColor','blue')
}) */

import 'bootstrap/dist/css/bootstrap.css'

// 通过Babel 将 高级语法 转换为 低级语法
// npm i babel-core babel-loader babel-plugin-transform-runtime -D
// npm i babel-preset-env babel-preset-stage-0 -D
// class 关键字，是ES6中提供的新语法，实现面向对象编程
class Preson {
    // static 关键字，定义静态属性
    static info = {name :'zs' , age : 20}
}
console.log(Preson.info)

/* function Animal(name){
    this.name = name
}
Animal.info = 123

var a1 = new Animal('小花') */

//静态属性
//console.log(Animal.info)
//实例属性
// 静态属性和实例属性挂载的对象完全不一样
//console.log(a1.name)